﻿<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>首页</title>
    <meta name="keywords" content="关键字" />
    <meta name="description" content="网站描述" />
    <meta name="renderer" content="webkit">
    <meta name="force-rendering" content="webkit">
    <link rel="stylesheet" th:href="@{/liuan20230703/css/style.css}">
    <!--页面样式-->
    <link rel="stylesheet" th:href="@{/liuan20230703/css/Swiper.css}">
    <!--页面样式-->
    <link rel="stylesheet" th:href="@{/liuan20230703/css/animate.min.css}">
    <!--CSS3动画库-->
    <link rel="stylesheet" th:href="@{/liuan20230703/css/font-awesome.min.css}">
</head>

<body>
    <div class="topHeader">
        <div class="touBanner">
            <div class="wrap relative">
                <div class="logo">
                    <a href="#"><img th:src="@{/liuan20230703/images/logo.png}" alt=""></a>
                </div>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="wrap">
            <div class="nav-col">
                <ul>
                    <li>
                        <a th:href="@{/}">
                            首页
                        </a>
                    </li>
                    <li th:each="category:${NAV_CATEGORY}">
                        <a th:if="${!#strings.startsWith(category.description,'http') && !#strings.startsWith(category.description,'ftp://')}" th:href="${'/blog/liuan/category/' + category.id}" target='_blank'>
                            [[${category.name}]]
                        </a>
                        <a th:if="${#strings.startsWith(category.description,'http')}" th:href="${category.description}" target='_blank'>
                            [[${category.name}]]
                        </a>
                        <a th:if="${#strings.startsWith(category.description,'ftp://')}" th:href="${category.description}" target='_blank'>
                            [[${category.name}]]
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="topHeader bggary">
        <div class="wrap relative">
            <div class="clearfix">
                <div class="fl dateTime">
                    <i class="fa fa-calendar-o" style="color: #003B94;font-size: 16px;vertical-align: top;"></i>&nbsp;
                    <span id="date"></span>
                    <script language=JavaScript>
today=new Date();
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i] }
var d=new initArray(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六");
document.write(
"<font color=#241714 style='font-size:20px;'> ",
today.getFullYear(),"年",
today.getMonth()+1,"月",
today.getDate(),"日      ",
d[today.getDay()+1],
"</font>" ); 
</script>
                </div>
                <div class="fr">
                    <div class="search">
                        <input type="text" placeholder="请输入关键字" id="searchKeywords" th:href="${'/blog/liuan/search/'}">
                        <a href="javascript:;" class="seaceba" id="search"><i class="fa fa-search"></i>&nbsp;搜索</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="wrap">
        <div class="news clear">
            <div class="news-col">
                <div class="news-bann fl">
                    <ul>
                        <li th:each="slider:${SLIDER_LIST}">
                            <a th:href="${'/blog/article/' + slider.id}" target='_blank'>
                                <div class="imgs">
                                    <img th:src="${slider.sliderImg}" alt="">
                                </div>
                                <div class="text">
                                    [[${slider.title}]]
                                </div>
                            </a>
                        </li>
                    </ul>
                    <div class="pagination">
                        <span th:each="slider:${SLIDER_LIST}" th:if="${sliderStat.index lt 5}" th:class="${sliderStat.index eq 0 ? 'acti' : ''}">[[${sliderStat.index+1}]]</span>
                    </div>
                </div>
                <div class="news-list fr">
                    <div class="tit">
                        <div class="tabs fl">
                            <ul>
                                <li th:each="cate:${categoriesWithArticles}" th:if="${cate.sort eq 100}" >
                                    <i class="fa fa-video-camera" aria-hidden="true" style="font-size: 18px;"></i>&nbsp;&nbsp;[[${cate.name}]]
                                </li>
                            </ul>
                        </div>
                        <div class="fl commonBg concenter">
                        </div>
                        <div class="more fr">
                            <a th:each="cate:${categoriesWithArticles}" th:if="${cate.sort eq 100}" th:href="${'/blog/liuan/category/' + cate.id}">更多>></a>
                        </div>
                    </div>
                    <div class="content">
                        <div class="list show">
                            <h2 class="wosdhdaf textflow" th:each="cate:${categoriesWithArticles}" th:if="${cate.sort eq 100 and haveTop eq 1}">
                                <a th:each="art:${cate.articles}" th:if="${art.top eq 1}" th:href="${'/blog/article/' + art.id}" target='_blank'>[[${art.title}]]</a>
                            </h2>
                            <ul th:each="cate:${categoriesWithArticles}" th:if="${cate.sort eq 100}">
                                <li th:each="art:${cate.articles}" th:if="${art.top eq 0 and artStat.index lt 8}">
                                    <a th:href="${'/blog/article/' + art.id}" target='_blank'>
                                            <span>
                                                [[${art.title}]]
                                            </span>
                                        <i>
                                            [[${art.date}]]
                                        </i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="width: 1200px;margin:0 auto">
        <img th:src="@{/liuan20230703/images/001.png}" alt="" style="margin: 10px auto;">
    </div>
    <div class="wrap">
        <div class="clear">
            <div class="fl leftPart">
                <div class="news-common">
                    <div class="news-list" style="height: 360px;">
                        <div class="tit">
                            <div class="tabs fl">
                                <ul>
                                    <li th:each="cate:${categoriesWithArticles}" th:if="${cate.sort ge 200 && cate.sort lt 300}" th:class="${cate.sort eq 200 ? 'acti' : ''}" th:href="${'/blog/liuan/category/' + cate.id}">[[${cate.name}]]</li>
                                </ul>
                            </div>
                            <div class="more fr">
                                <a th:each="cate:${categoriesWithArticles}" th:if="${cate.sort eq 200}" th:href="${'/blog/liuan/category/' + cate.id}" target='_blank'>更多>></a>
                            </div>
                        </div>
                        <div class="content">
                            <div th:each="cate:${categoriesWithArticles}" th:if="${cate.sort ge 200 && cate.sort lt 300}" th:class="${cate.sort eq 200 ? 'list show' : 'list'}">
                                <ul>
                                    <li th:each="art:${cate.articles}" th:if="${artStat.index lt 8}">
                                        <a th:href="${'/blog/article/' + art.id}" target='_blank'>
                                            <span>
                                                [[${art.title}]]
                                            </span>
                                            <i>
                                                [[${art.date}]]
                                            </i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="fl centerVideo" style="height: 360px;">
                <div class="commtekjnh clear" th:each="cate:${categoriesWithArticles}" th:if="${cate.sort eq 300}">
                    <div class="fl leftTitle">
                        <i class="fa fa-user" aria-hidden="true" style="font-size: 20px;"></i>&nbsp;&nbsp;[[${cate.name}]]
                    </div>
                    <div class='fl commonBg' style="width: 390px;margin-left: 10px;margin-top: 5px;"></div>
                </div>
                <div class="news-col clear" th:each="cate:${categoriesWithArticles}" th:if="${cate.sort eq 300}">
                    <div class="news-list" style="height: auto;">
                        <div class="content">
                            <div class="list show" th:if="${cate.content==null || cate.content==''}"><p>暂无值班信息</p></div>
                            <div class="list show" th:if="${cate.content != null && cate.content!=''}" th:utext="${cate.content}"></div>
                        </div>
                    </div>
                </div>
                <div style="height: 30px;"></div>
                <div class="commtekjnh clear" th:each="cate:${categoriesWithArticles}" th:if="${cate.sort eq 400}">
                    <div class="fl leftTitle">
                        <i class="fa fa-plane" aria-hidden="true" style="font-size: 20px;"></i>&nbsp;&nbsp;[[${cate.name}]]
                    </div>
                    <div class='fl commonBg' style="width: 330px;margin-left: 10px;margin-top: 5px;"></div>
                    <div class="more fr">
                        <a th:each="cate:${categoriesWithArticles}" th:if="${cate.sort eq 400}" th:href="${'/blog/liuan/category/' + cate.id}" target='_blank'>更多&gt;&gt;</a>
                    </div>
                </div>
                <div class="news-col">
                    <div class="news-list" style="height: auto;">
                        <div class="content">
                            <div class="list show">
                                <ul th:each="cate:${categoriesWithArticles}" th:if="${cate.sort eq 400}">
                                    <li th:each="art:${cate.articles}"  th:if="${artStat.index lt 3}">
                                        <a th:href="${'/blog/article/' + art.id}" target='_blank'>
                                            <span>
                                                [[${art.title}]]
                                            </span>
                                            <i>
                                                [[${art.date}]]
                                            </i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear">
            <div class="fl leftPart">
                <div class="news-common2" style="margin-top: 20px;" id="nedhg">
                    <div class="news-list">
                        <div class="tit">
                            <div class="tabs fl">
                                <ul>
                                    <li th:each="cate:${categoriesWithArticles}" th:if="${cate.sort ge 500 && cate.sort lt 600}" th:class="${cate.sort eq 500 ? 'acti' : ''}" th:href="${'/blog/liuan/category/' + cate.id}">[[${cate.name}]]</li>
                                </ul>
                            </div>
                            <div class="more fr">
                                <a th:each="cate:${categoriesWithArticles}" th:if="${cate.sort eq 500}" th:href="${'/blog/liuan/category/' + cate.id}" target='_blank'>更多>></a>
                            </div>
                        </div>
                        <div class="content">
                            <div th:each="cate:${categoriesWithArticles}" th:if="${cate.sort ge 500 && cate.sort lt 600}" th:class="${cate.sort eq 500 ? 'list show' : 'list'}">
                                <ul>
                                    <li th:each="art:${cate.articles}"  th:if="${artStat.index lt 8}">
                                        <a th:href="${'/blog/article/' + art.id}" target='_blank'>
                                            <span>
                                                [[${art.title}]]
                                            </span>
                                            <i>
                                                [[${art.date}]]
                                            </i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
<!--            <div class="fl centerVideo" style="height: 360px;">-->
<!--                <div class="commtekjnh clear" style="margin-top: 8px;">-->
<!--                    <div class="fl leftTitle">-->
<!--                        <i class="fa fa-youtube-play" aria-hidden="true" style="font-size: 20px;"></i>&nbsp;&nbsp;视频专区-->
<!--                    </div>-->
<!--                    <div class='fl commonBg' style="width: 390px;margin-left: 10px;margin-top: 5px;"></div>-->
<!--                </div>-->
<!--                <div class="news-col clear">-->
<!--                    <div style="margin-top: 35px;" th:each="video:${indexVideoList}" th:if="${videoStat.index eq 0}">-->
<!--                        <video width="510" height="323" controls>-->
<!--                            <source th:src="${video.img}" type="video/mp4">-->
<!--                        </video>-->
<!--&lt;!&ndash;                        <img th:each="art:${cate.articles}" th:if="${artStat.index eq 0}" th:src="${art.image}" style="width: 472px; height: 313px;">&ndash;&gt;-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->

            <div class="fl centerVideo" style="height: 360px;">
                <div class="commtekjnh clear" style="margin-top: 8px;">
                              <div class="fl leftTitle">
                                <i class="fa fa-youtube-play" aria-hidden="true" style="font-size: 20px;"></i>&nbsp;&nbsp;视频专区
                              </div>
                              <div class='fl commonBg' style="width: 330px;margin-left: 10px;margin-top: 5px;"></div>
                              <div class="more fr">
                                <a th:href="${'/blog/liuan/videolist'}" target='_blank'>更多&gt;&gt;</a>
                              </div>
                            </div>
                        <div class="news-col clear" style=" background: rgb(16, 56, 141);">
                          <div style="margin-top:30px; width: 400px;height:305px;float: left;background: rgb(33, 143, 18);">
                            <video id="video1" width="400" height="305" style="object-fit: fill;" controls th:each="video:${indexVideoList}" th:if="${videoStat.index eq 0}">
                              <source th:src="${video.img}" type="video/mp4">
                            </video>
                          </div>

                          <div style="margin-top:30px;margin-left: 5px;width: 100px;float: left; ">

                              <div th:each="video:${indexVideoList}" th:if="${videoStat.index lt 3}">
                                  <video height="100" width="100" style="object-fit: fill;" onclick="changeVideo()" >
                                      <source th:src="${video.img}" type="video/mp4">
                                  </video>
                              </div>
                          </div>
                        </div>
            </div>
        </div>
        <div class="clear">
            <div class="fl leftPart">
                <div class="news-common3" style="margin-top: 20px;" id="nedhg">
                    <div class="news-list">
                        <div class="tit">
                            <div class="tabs fl">
                                <ul>
                                    <li th:each="cate:${categoriesWithArticles}" th:if="${cate.sort ge 700 && cate.sort lt 800}" th:class="${cate.sort eq 700 ? 'acti' : ''}" th:href="${'/blog/liuan/category/' + cate.id}">[[${cate.name}]]</li>
                                </ul>
                            </div>
                            <div class="more fr">
                                <a th:each="cate:${categoriesWithArticles}" th:if="${cate.sort eq 700}" th:href="${'/blog/liuan/category/' + cate.id}" target='_blank'>更多>></a>
                            </div>
                        </div>
                        <div class="content">
                            <div th:each="cate:${categoriesWithArticles}" th:if="${cate.sort ge 700 && cate.sort lt 800}" th:class="${cate.sort eq 700 ? 'list show' : 'list'}">
                                <ul>
                                    <li th:each="art:${cate.articles}" th:if="${artStat.index lt 8}">
                                        <a th:href="${'/blog/article/' + art.id}" target='_blank'>
                                            <span>
                                                [[${art.title}]]
                                            </span>
                                            <i>
                                                [[${art.date}]]
                                            </i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="fl centerVideo">
                <div class="commtekjnh clear" style="margin-top: 8px;">
                    <div class="fl leftTitle">
                        <i class="fa fa-trophy" aria-hidden="true" style="font-size: 20px;"></i>&nbsp;&nbsp;信息排名
                    </div>
                    <div class='fl commonBg' style="width: 390px;margin-left: 10px;margin-top: 5px;"></div>
                </div>
                <div class="news-col clear">
                    <div style="margin-top: 42px;overflow-x: auto; overflow-y: auto; height: 325px; width:100%;">
                        <table border="0" cellspacing="0" cellpadding="0">
                            <thead>
                                <tr>
                                    <th class="woshire">单位</th>
                                    <th>采用</th>
                                    <th>排名</th>
                                </tr>
                            </thead>
                            <thead>
                            </thead>
                            <tbody>
                                <tr th:each="rank:${deptRankList}">
                                    <td>[[${rank.deptName}]]</td>
                                    <td class="red">[[${rank.articleCount}]]</td>
                                    <td class="blue">[[${rankStat.index+1}]]</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear">
            <!-- 专题专栏begin -->
            <div class="lh_ztzl fixed wrap infoWinArea">
                <div class="commtekjnh clear" style="margin-top: 8px;">
                    <div class="fl leftTitle">
                        <i class="fa fa-bookmark" aria-hidden="true" style="font-size: 20px;"></i>&nbsp;&nbsp;专题专栏
                    </div>
                    <div class='fl commonBg' style="width: 1030px;margin-left: 10px;margin-top: 5px;"></div>
<!--                    <div class="more fr">-->
<!--                        <a>更多>></a>-->
<!--                    </div>-->
                </div>
                <div class="lh_ztzl_cont">
                    <div class="picMarquee-left">
                        <div class="hd">
                            <a class="prev"></a>
                            <a class="next"></a>
                        </div>
                        <div class="bd">
                            <ul class="picList">
                                <li th:each="sub:${indexSubjectList}">
                                    <div class="pic">
                                        <a target="_blank" rel="noopener noreferrer" th:href="${sub.url}"> <img th:src="${sub.img}"> </a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 专题专栏end -->
        </div>
        <div class="clear" style="margin-top: 20px;">
            <div class="leftPart">
                <!-- <div class="news-common" style="margin-top: 0;"> -->
                    <div class="clear" style="margin-top: 8px;">
                        <div class="fl leftTitle">
                            <i class="fa fa-link" aria-hidden="true" style="font-size: 20px;"></i>&nbsp;&nbsp;应用导航
                        </div>
                        <div class='fl commonBg' style="width: 1050px;margin-left: 10px;margin-top: 5px;">
                        </div>
                    </div>
<!--                    <div class="footUlSelect clear" style="font-size: 16px;">-->
<!--                        <ul style="padding-inline-start: 0px;">-->
<!--                            <li th:each="item:${LINK_LIST}"> <a th:href="${item.url}" th:text="${item.name}" target="_blank"></a></li>-->
<!--                        </ul>-->
<!--                    </div>-->

                <div class="footUlSelect clear">
                    <ul>
                        <li th:each="map,mapStat:${linkListMap}">
                            <div class="select">
                                <select onchange="changeLink(event);">
                                    <option value="" th:text="${map.key}"></option>
                                    <option th:each="link:${map.value}" th:value="${link.url}" th:text="${link.name}"></option>
                                </select>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- </div> -->
            </div>
        </div>
    </div>
    <div class="footer" style="margin-top: 20px;">
        <div class="wid">
            <div class="footer-col">
                <p style="color: #003894;font-weight: 600;font-size: 16px;">
                    请使用1920*1080分辨率 IE8.0或以上浏览器访问达到最佳效果
                </p>
                <p style="color: #003894;font-weight: 600;font-size: 16px;">
                    版权所有：漯河市公安局交通管理支队  地址：河南省漯河市郾城区黄河路787号
                </p>
                <p style="color: #003894;font-weight: 600;font-size: 16px;">
                    <a th:href="@{/login}" target='_blank'>[后台管理]</a>
                </p>
            </div>
        </div>
    </div>


    <!-- 左边的fix -->

    <div class="leftdigr" id="woshific" th:if="${indexLeftUp != null}">
        <a th:href="${indexLeftUp.url}"><img th:src="${indexLeftUp.img}" alt="" style='width:180px;height:110px;'></a>
        <span id="guanng">关闭</span>
    </div>


    <div class="leftdigree" id="woshificee" th:if="${indexLeftDown != null}">
        <a th:href="${indexLeftDown.url}"><img th:src="${indexLeftDown.img}" alt="" style='width:180px;height:110px;'></a>
        <span id="guanngee">关闭</span>
    </div>

    <div class="leftdigr2" id="woshific2" th:if="${indexRightUp != null}">
        <a th:href="${indexRightUp.url}"><img th:src="${indexRightUp.img}" alt="" style='width:180px;height:110px;'></a>
        <span id="guanng2">关闭</span>
    </div>

    <div class="leftdigr2ee" id="woshific2ee" th:if="${indexRightDown != null}">
        <a th:href="${indexRightDown.url}"><img th:src="${indexRightDown.img}" alt="" style='width:180px;height:110px;'></a>
        <span id="guanng2ee">关闭</span>
    </div>

	<!--飘窗-->
<script type="text/javascript"  th:src="@{/liuan20230703/js/AdMove.js}"></script>
    <div th:each="position:${indexFlyList}" th:id="'pc'+${positionStat.index + 1}" id="pc1">
        <div><a th:href="${position.url}"><img th:src="${position.img}" th:style="${'width:'+position.width+'px;height:'+position.height+'px;'}"></a></div>
    </div>
<script>
var ad1 = new AdMove("pc1", true);
ad1.Run();

var ad2 = new AdMove("pc2", true);
ad2.Run();

var ad3 = new AdMove("pc3", true);
ad3.Run();

var ad4 = new AdMove("pc4", true);
ad4.Run();


</script>


<!--飘窗end-->

    <script th:src="@{/liuan20230703/js/jquery.js}"></script>
    <!--jQuery库-->
    <script th:src="@{/liuan20230703/js/wow.min.js}"></script>
    <!--动画效果库-->
    <script th:src="@{/liuan20230703/js/jquery.kxbdmarquee.js}"></script>
    <!--动画效果库-->
    <script th:src="@{/liuan20230703/js/swiper.min.js}"></script><!-- swiper -->
    <script th:src="@{/liuan20230703/js/Epp-2.1.1.min.js}"></script>
    <!--Epp插件库-->
    <!-- <script src="js/ckplayer/ckplayer.js"></script> -->
    <!-- 无缝循环动画库 -->
    <script th:src="@{/liuan20230703/js/jquery.SuperSlide.2.1.3.js}"></script>
    <script type="text/javascript">

        $("video").click(function(){
            var video = $('#video1');
            $('#video1').attr("src",$(this).attr("currentSrc"));
            video.load();
        });

    $("#guanng").click(function(event) {
        console.log('dd');
        $('#woshific').hide();
    });

    $("#guanngee").click(function(event) {
        $('#woshificee').hide();
    });
	
	    $("#guanng2").click(function(event) {
        console.log('dd');
        $('#woshific2').hide();
    });

    $("#guanng2ee").click(function(event) {
        $('#woshific2ee').hide();
    });

    $(".picMarquee-left").slide({ mainCell: ".bd ul", autoPlay: true, effect: "leftMarquee", vis: 4, interTime: 25, trigger: "click" });
    </script>
    <script>
    $("#move1").adFloat({ width: 250, height: 125, top: 60, right: 100 })
    $("#marquee2").kxbdMarquee({ isEqual: false });



    $('.news-col .news-list .tit .tabs ul li').hover(function() {
        $(this).addClass('acti').siblings().removeClass('acti');
        var m = $(this).index();
        $('.news-col .news-list .content .list').eq(m).addClass('show').siblings().removeClass('show');
    })


    $('.news-common .news-list .tit .tabs ul li').hover(function() {
        $(this).addClass('acti').siblings().removeClass('acti');
        var m = $(this).index();
        $('.news-common .news-list .content .list').eq(m).addClass('show').siblings().removeClass('show');

        var href = $(this).attr("href");
        $(this).parent().parent().next().children().attr("href",href);
    })


    $('.news-common2 .news-list .tit .tabs ul li').hover(function() {
        $(this).addClass('acti').siblings().removeClass('acti');
        var m = $(this).index();
        $('.news-common2 .news-list .content .list').eq(m).addClass('show').siblings().removeClass('show');

        var href = $(this).attr("href");
        $(this).parent().parent().next().children().attr("href",href);
    })


    $('.news-common3 .news-list .tit .tabs ul li').hover(function() {
        $(this).addClass('acti').siblings().removeClass('acti');
        var m = $(this).index();
        $('.news-common3 .news-list .content .list').eq(m).addClass('show').siblings().removeClass('show');

        var href = $(this).attr("href");
        $(this).parent().parent().next().children().attr("href",href);
    })

    $('.letter-form .cont .item a').click(function() {
        var i = $(this).index();
        $('.letter-tabel').eq(i).addClass('show').siblings().removeClass('show');
    })
    $('.tabs .txt ul li').click(function() {
        $(this).addClass('acti').siblings().removeClass('acti');
        var o = $(this).index();
        $('.tabs-list').eq(o).addClass('show').siblings().removeClass('show');
    })

    $('.sidebar-nav .tabs ul li').hover(function() {
        // alert(1)
        $(this).addClass('acti').siblings().removeClass('acti');
        var t = $(this).index();
        $('.journalism-sidebar .nav-tabs').eq(t).addClass('show').siblings().removeClass('show');
    })
    $('.introduce-news .tabs ul li').hover(function() {
        $(this).addClass('acti').siblings().removeClass('acti');
        var t = $(this).index();
        $('.introduce-news .item').eq(t).addClass('show').siblings().removeClass('show');
    })
    $('.fix-bann span.close').click(function() {
        $(this).parent('div').fadeOut();
    })
    fade(".news-bann ul li", ".news-bann .pagination span", "3000", "", "");
    roll_picture(".function ul li", "6")
    var u = 0;
    $('.journalism .next').click(function() {
        u++;
        if (u > 3) {
            u = 0;
            $(' .sidebar-link .sidebar-swiper').animate({ "top": -u * 62 + "px" }, 300)
        } else {
            $(' .sidebar-link .sidebar-swiper').animate({ "top": -u * 62 + "px" }, 300)
        }
    })
    $('.journalism .prev').click(function() {
        u--;
        if (u < 1) {
            u = 3;
            $(' .sidebar-link .sidebar-swiper').animate({ "top": u * -62 + "px" }, 300)
        } else {
            $(' .sidebar-link .sidebar-swiper').animate({ "top": u * -62 + "px" }, 300)
        }
    })
    $('.top .top-fr .buttons button').click(function() {
        $('.top-fr').addClass('acti').siblings().removeClass('acti');
    });

    $('#search').click(function() {
        var keywords = $('#searchKeywords').val();
        if (keywords != null && keywords.trim() != '') {
            var href = $('#searchKeywords').attr("href");
            window.open(href + keywords, '_blank');
        }
    });

    function changeLink(event) {
        if (event.target.value != "") {
            window.open(event.target.value);
        }
    }
    </script>
</body>

</html>